<script setup>
import { inject } from 'vue'


const money = inject('money')
// 想要花爷爷的钱怎么办?  能直接改变么?   是不能的
// 谁提供的数据, 谁提供修改方法
// 使用爷爷传递过来的方法消费
const changeMoneySon = inject('changeMoney')
</script>

<template>
  <div class="son-page">son: {{money}}</div>
  <button @click="changeMoneySon(5)">用爷爷的方法花钱</button>
</template>

<style scoped>
.son-page {
  width: 200px;
  height: 200px;
  border: 1px solid blue;
}
</style>
